<template>
	<view class="member-container">
		<view class="user-section">
			<view class="user-info-box" v-if="token">
				<navigator url="/pages/member/info/info" class="user-head">
					<image :src="memberInfo.user_headimg ? $util.img(memberInfo.user_headimg) : $util.img('upload/uniapp/default_head.png')" mode="aspectFill"></image>
				</navigator>
				<view class="user-box">
					<text class="user-title">{{ memberInfo.nick_name }}</text>
					<navigator v-if="memberLevelInfo.level_info.level_name" url="/pages/member/level/level" class="user-label">
						{{ memberLevelInfo.level_info.level_name }}
					</navigator>
				</view>
			</view>
			<view class="user-info-box no-log" v-if="!token" @click="clickLogin">
				<view class="user-head"><image :src="$util.img('upload/uniapp/default_head.png')"></image></view>
				<view class="user-box">
					<text class="user-title">立即登录</text>
					<text class="user-desc">登录体验更多功能</text>
				</view>
			</view>
			<navigator class="user-set" url="/pages/member/info/info" v-if="token"><image :src="$util.img('upload/uniapp/member/member_set_up.png')"></image></navigator>
			<view class="member-sction">
				<view class="sction-item" @click="redirectToLink('/pages/member/balance/balance')">
					<text class="num">{{ memberAccountInfo.balance }}</text>
					<text>余额</text>
				</view>
				<text class="shu"></text>
				<view class="sction-item" @click="redirectToLink('/pages/member/point/point')">
					<text class="num">{{ memberAccountInfo.point }}</text>
					<text>积分</text>
				</view>
				<text class="shu"></text>
				<view class="sction-item" @click="redirectToLink('/pages/member/coupon/coupon')">
					<text class="num">{{ couponNum }}</text>
					<text>优惠券</text>
				</view>
			</view>
			<navigator class="member-equity" url="/pages/member/level/level" v-if="token">
				<text class="level-img"></text>
				<text class="member-level">{{ memberLevelInfo.level_info.level_name }}</text>
				<text class="iconfont iconright">会员等级更多权益</text>
			</navigator>
		</view>
		<view class="member-body">
			<view class="order-section">
				<view class="order-head" @click="redirectToLink('/pages/order/list/list')">
					<text class="order-tit">全部订单</text>
					<text class="order-tip">查看全部订单</text>
					<text class="order-more iconfont">&#xe6a3;</text>
				</view>
				<view class="order-body">
					<view class="order-item" @click="redirectToLink('/pages/order/list/list?status=0')">
						<view class="order-icon">
							<text v-if="orderNum.waitPay > 99" class="order-num">99+</text>
							<text v-else-if="orderNum.waitPay > 0" class="order-num">{{ orderNum.waitPay }}</text>
							<!-- <text class="iconfont">&#xe674;</text> -->
							<image :src="$util.img('upload/uniapp/member/daifukuan.png')" mode="aspectFill"></image>
						</view>
						<text class="order-name">待付款</text>
					</view>
					<view class="order-item" @click="redirectToLink('/pages/order/list/list?status=1')">
						<view class="order-icon">
							<text v-if="orderNum.readyDelivery > 99" class="order-num">99+</text>
							<text v-else-if="orderNum.readyDelivery > 0" class="order-num">{{ orderNum.readyDelivery }}</text>
							<!-- <text class="iconfont">&#xe675;</text> -->
							<image :src="$util.img('upload/uniapp/member/daifahuo.png')" mode="aspectFill"></image>
						</view>
						<text class="order-name">待发货</text>
					</view>
					<view class="order-item" @click="redirectToLink('/pages/order/list/list?status=2')">
						<view class="order-icon">
							<text v-if="orderNum.waitDelivery > 99" class="order-num">99+</text>
							<text v-else-if="orderNum.waitDelivery > 0" class="order-num">{{ orderNum.waitDelivery }}</text>
							<!-- <text class="iconfont">&#xe674;</text> -->
							<image :src="$util.img('upload/uniapp/member/daishouhuo.png')" mode="aspectFill"></image>
						</view>
						<text class="order-name">待收货</text>
					</view>
					<view class="order-item" @click="redirectToLink('/pages/order/list/list?status=3')">
						<view class="order-icon">
							<!-- <text class="iconfont">&#xe6d3;</text> -->
							<image :src="$util.img('upload/uniapp/member/yifahuo.png')" mode="aspectFill"></image>
						</view>
						<text class="order-name">已发货</text>
					</view>
					<view class="order-item" @click="redirectToLink('/pages/order/list/list?status=-1')">
						<view class="order-icon">
							<text v-if="orderNum.refunding > 99" class="order-num">99+</text>
							<text v-else-if="orderNum.refunding > 0" class="order-num">{{ orderNum.refunding }}</text>
							<!-- <text class="iconfont">&#xe6ac;</text> -->
							<image :src="$util.img('upload/uniapp/member/tuikuan.png')" mode="aspectFill"></image>
						</view>
						<text class="order-name">退款/售后</text>
					</view>
				</view>
			</view>
			<view class="distribution-section" v-if="addonIsExit.is_exit_fx">
				<template v-if="shopConfig != null && shopConfig.is_distribution_enable == 1">
					<navigator v-if="promoterInfo == null" class="distribution-head" url="/distributionpages/apply_promoter/apply_promoter">
						<text class="distribution-tit">推广中心</text>
						<text class="distribution-tip">立即申请</text>
						<text class="distribution-more iconfont">&#xe6a3;</text>
					</navigator>
					<view class="distribution-head" v-else-if="promoterInfo != null && promoterInfo.is_lock == 1" @click="toast('该账户被冻结')">
						<text class="distribution-tit">推广中心</text>
						<text class="distribution-more iconfont">&#xe6a3;</text>
					</view>
					<navigator v-else class="distribution-head" url="/distributionpages/index/index">
						<text class="distribution-tit">推广中心</text>
						<text class="distribution-more iconfont">&#xe6a3;</text>
					</navigator>
				</template>
			</view>
			<view class="example-body">
				<uni-grid :column="4" :show-border="false" :square="false">
					<block v-for="(item, index) in entranceManage" :key="index">																
						<view @click="redirectToLink(item.url)" v-if="addonIsExit.is_exit_sign && item.title == '签到'">
							<uni-grid-item>
								<image class="image" :src="$util.img(item.icon)" mode="aspectFill" />
								<text class="text">{{item.title}}</text>
							</uni-grid-item>
						</view>		
						<view @click="redirectToLink(item.url)" v-else-if="addonIsExit.is_exit_pintuan && item.title == '我的拼单'">
							<uni-grid-item>
								<image class="image" :src="$util.img(item.icon)" mode="aspectFill" />
								<text class="text">{{item.title}}</text>
							</uni-grid-item>
						</view>
						<view @click="redirectToLink(item.url)" v-else-if="addonIsExit.is_exit_bargain && item.title=='我的砍价'">
							<uni-grid-item>
								<image class="image" :src="$util.img(item.icon)" mode="aspectFill" />
								<text class="text">{{item.title}}</text>
							</uni-grid-item>
						</view>
						<view @click="redirectToLink(item.url)" v-else-if="addonIsExit.is_exit_virtual_goods && item.title=='虚拟码'">
							<uni-grid-item>
								<image class="image" :src="$util.img(item.icon)" mode="aspectFill" />
								<text class="text">{{item.title}}</text>
							</uni-grid-item>
						</view>
						<view @click="redirectToLink(item.url)" v-else-if="addonIsExit.is_exit_pintuan && item.title=='拼团订单'">
							<uni-grid-item>
								<image class="image" :src="$util.img(item.icon)" mode="aspectFill" />
								<text class="text">{{item.title}}</text>
							</uni-grid-item>
						</view>
						<view @click="redirectToLink(item.url)" v-else-if="addonIsExit.is_exit_presell && item.title=='预售订单'">
							<uni-grid-item>
								<image class="image" :src="$util.img(item.icon)" mode="aspectFill" />
								<text class="text">{{item.title}}</text>
							</uni-grid-item>
						</view>
						<view @click="redirectToLink(item.url)" v-else-if="addonIsExit.is_exit_virtual_goods && isVerification && item.title=='核销台'" >
							<uni-grid-item>
								<image class="image" :src="$util.img(item.icon)" mode="aspectFill" />
								<text class="text">{{item.title}}</text>
							</uni-grid-item>
						</view>
						<view @click="redirectToLink(item.url)" v-else>
							<uni-grid-item>
								<image class="image" :src="$util.img(item.icon)" mode="aspectFill" />
								<text class="text">{{item.title}}</text>
							</uni-grid-item>
						</view>										
					</block>
					
				</uni-grid>
			</view>
			<view class="copyright-info" v-if="copyrightLoad > 0">
				<view class="copyright-pic code-pic" v-if="$util.img(bottom_info.copyright_logo)">
					<image :src="$util.img(bottom_info.copyright_logo)" mode="widthFix"></image>
				</view>
				<view class="copyright-pic" v-else>
					<image :src="$util.img('upload/uniapp/member/logo_copy.png')" mode="aspectFit"></image>
				</view>
				<navigator class="copyright-desc" v-if="bottom_info.copyright_companyname" :url="$util.img(bottom_info.copyright_link)">
					{{ bottom_info.copyright_companyname }}
				</navigator>
				<navigator class="copyright-desc" v-else url="http://www.niushop.com.cn">牛酷科技提供技术支持</navigator>
			</view>
			<view class="copyright-info" v-else>
				<view class="copyright-pic"><image :src="$util.img('upload/uniapp/member/logo_copy.png')" mode="widthFix"></image></view>
				<navigator class="copyright-desc" url="http://www.niushop.com.cn">牛酷科技提供技术支持</navigator>
			</view>
		</view>
		<ns-login ref="login" href="member_index"></ns-login>
	</view>
</template>
<script>
import http from 'common/js/http.js';
import uniGrid from '@/components/uni-grid/uni-grid.vue';
import uniGridItem from '@/components/uni-grid-item/uni-grid-item.vue';
import uniPopup from 'components/uni-popup/uni-popup.vue';
import nsLogin from 'components/ns-login/ns-login.vue';
let than;
export default {
	components: {
		uniGrid,
		uniGridItem,
		uniPopup,
		nsLogin
	},
	data() {
		return {
			bottom_info: {},
			copyrightLoad: '',
			token: '',
			memberInfo: {},
			memberLevelInfo: {
				level_info: {
					level_name: ''
				}
			},
			couponNum: 0,
			memberAccountInfo: {
				balance: '0.00',
				point: 0
			},
			addonIsExit: {},
			isVerification: false,
			code: '',
			orderNum: {
				waitPay: 0, //待付款
				readyDelivery: 0, //待发货
				waitDelivery: 0, //待收货
				refunding: 0 // 退款中
			},
			//推广商信息
			promoterInfo: null,
			shopConfig: null,
			entranceManage: []
		};
	},
	mixins: [http],
	onLoad(option) {
		this.getCopyright();
		this.checkVerification();
		this.getWapEntranceManage();
		
		if (option.code) this.code = option.code;
		than = this;
	},
	//下拉刷新
	onPullDownRefresh() {
		this.refresh();
	},
	onShow() {
		this.refresh();
	},
	methods: {
		// 请求数据
		async refresh(){
			this.token = uni.getStorageSync('token');
			if (this.token) this.getMemberInfo();
			else this.initInfo();
			
			let res = await this.sendRequest({
				url: 'System.Config.addonIsExit',
				async: false
			});
			
			if (res.code == 0) {
				this.addonIsExit = res.data;
				if (this.token && this.addonIsExit.is_exit_fx) {
					this.getPromoterDetail();
					this.getShopConfig();
				}
			}
		},
		
		/**
		 * 个人中心入口栏目
		 */
		getWapEntranceManage(){
			this.sendRequest({
				url: 'System.Config.wapEntrance',
				data: { port: 2 },
				success: res => {
					if (res.code == 0) {
						this.entranceManage = res.data;
					}
				}
			});		
		},
			
		/**
		 * 初始化数据
		 */
		initInfo() {
			this.couponNum = 0;
			this.memberAccountInfo = {
				balance: '0.00',
				point: 0
			};
			this.orderNum = {
				waitPay: 0, //待付款
				readyDelivery: 0, //待发货
				waitDelivery: 0, //待收货
				refunding: 0 // 退款中
			};
			this.promoterInfo = null;
			this.shopConfig = null;
			this.isVerification = false;
			this.addonIsExit = {};
			this.memberInfo = {};
			this.memberLevelInfo = {
				level_info: {
					level_name: ''
				}
			};
			uni.stopPullDownRefresh();
		},
		/**
		 * 订单数量
		 */
		getOrderNum() {
			this.sendRequest({
				url: 'System.Order.orderCount',
				data: { order_status: 0 },
				success: res => {
					if (res.code == 0) {
						this.orderNum.waitPay = res.data;
					}
				}
			});
			this.sendRequest({
				url: 'System.Order.orderCount',
				data: { order_status: 1 },
				success: res => {
					if (res.code == 0) {
						this.orderNum.readyDelivery = res.data;
					}
				}
			});
			this.sendRequest({
				url: 'System.Order.orderCount',
				data: { order_status: 2 },
				success: res => {
					if (res.code == 0) {
						this.orderNum.waitDelivery = res.data;
					}
				}
			});
			this.sendRequest({
				url: 'System.Order.orderCount',
				data: { order_status: -1 },
				success: res => {
					if (res.code == 0) {
						this.orderNum.refunding = res.data;
					}
				}
			});
		},
		/**
		 * 检测是否登录
		 */
		redirectToLink(url) {
			var isLogin = true;
			// #ifdef MP
			getApp().$vm.checkLogin(() => {
				isLogin = false;
				this.clickLogin();
			});
			// #endif
			// #ifdef H5
			getApp().checkLogin(() => {
				isLogin = false;
				this.clickLogin();
			});
			// #endif
			if (isLogin) this.$util.redirectTo(url);
		},
		/**
		 * 版权信息
		 */
		getCopyright() {
			this.sendRequest({
				url: 'System.Config.copyRight',
				success: res => {
					this.copyrightLoad = res.data.is_load;
					this.bottom_info = res.data.bottom_info;
				}
			});
		},
		/**
		 * 获取用户核销身份
		 */
		checkVerification() {
			this.sendRequest({
				url: 'System.Order.checkVerification',
				success: res => {
					if (res.data != null) {
						this.isVerification = true;
					}
				}
			});
		},
		/**
		 * 获取用户信息
		 */
		getMemberInfo() {
			this.sendRequest({
				url: 'System.Member.memberInfo',
				success: res => {
					if (res.code == 0 && res.data) {
						this.memberInfo = res.data.user_info;
						this.memberLevelInfo.level_id = res.data.member_level;
						this.getMemberLevelInfo();
						this.getMemberCoupon();
						this.getMemberAccountInfo();
						this.getOrderNum();
					}
				}
			});
		},
		/**
		 * 获取会员等级信息
		 */
		getMemberLevelInfo() {
			this.sendRequest({
				url: 'System.Member.memberLevel',
				data: {
					level_id: this.memberLevelInfo.level_id
				},
				success: res => {
					if (res.code == 0) {
						this.memberLevelInfo.level_info = res.data;
					}
				}
			});
		},
		/**
		 * 获取会员优惠券数量
		 */
		getMemberCoupon() {
			this.sendRequest({
				url: 'System.Member.couponNum',
				data: {
					level_id: this.memberLevelInfo.level_id
				},
				success: res => {
					if (res.code == 0) {
						this.couponNum = res.data;
					}
				}
			});
		},
		/**
		 * 获取会员账户信息
		 */
		getMemberAccountInfo() {
			this.sendRequest({
				url: 'System.Member.memberAccount',
				success: res => {
					if (res.code == 0) {
						this.memberAccountInfo = res.data;
						uni.stopPullDownRefresh();
					}
				}
			});
		},
		clickLogin() {
			this.$refs.login.clickLogin();
		},
		/**
		 * 获取推广商信息
		 */
		getPromoterDetail() {
			this.sendRequest({
				url: 'Nsfx.Distribution.promoterDetail',
				success: res => {
					if (res.code == 0) {
						this.promoterInfo = res.data;
					} else {
						this.promoterInfo = null;
					}
				}
			});
		},
		/**
		 * 店铺推广设置
		 */
		getShopConfig() {
			this.sendRequest({
				url: 'System.Distribution.shopConfig',
				success: res => {
					if (res.code == 0) {
						this.shopConfig = res.data;
					}
				}
			});
		},
		toast(msg) {
			this.$util.showToast({
				title: msg
			});
		}
	}
};
</script>
<style lang="scss">
%flex-row-centered {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

%flex-column-centered {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

%flex-list {
	display: flex;
	justify-content: space-between;
	padding: 0 30rpx;
	height: 100rpx;
	line-height: 100rpx;
}

.user-section {
	// position: relative;
	/*  #ifdef MP */
	padding: 150rpx 30rpx 0;
	/* #endif */
	/*  #ifdef H5 || MP-ALIPAY*/
	//height: 300rpx;
	padding: 70rpx 50rpx 0;
	/* #endif */
	box-sizing: border-box;
	//background: linear-gradient(to right, #ff0137 ,#fb3364);
	background: url() center no-repeat;
	background-size: 100% 100%;
	.member-sction{
		margin-top: 20rpx;
		padding: 0rpx 40rpx;
		.sction-item{
			color:#fff;
		}
		.shu{
			height: 60rpx;
			width: 2rpx;
			background: #fe94ac;
			display: inline-block;
		}
	}
	.member-equity{
		background: #1d1d1d;
		height: 65rpx;
		border-radius: 17rpx 17rpx 0rpx 0rpx;
		display: block;
		width: 100%;
		margin-top: 12rpx;
		overflow:hidden;
		position: relative;
		line-height: 65rpx;
		.member-level{
			color:#d6ca94;
			font-size: 24rpx;
			margin-left: 72rpx;
		}
		.level-img{
			background: url() center no-repeat;		
			background-size: 100% 100%;
			width: 30rpx;
			height: 30rpx;
			position: absolute;
			top: 19rpx;
			left: 30rpx;
		}
		.iconfont{
			float: right;
			font-size: 24rpx;
			color: #d6ca94;
			position: relative;
			padding-right: 30rpx;
			right: 17rpx;
		}
		.iconright:before{
			position: absolute;
			right: 0rpx;
		}
	}
	.user-info-box {
		display: flex;
		align-items: flex-start;

		&.no-log {
			flex-direction: row-reverse;
			justify-content: space-between;

			.user-title {
				font-size: $uni-font-size-lg + 16rpx;
				color: #fff;
				line-height: 1.2;
			}

			.user-desc {
				border: none !important;
				font-size: $uni-font-size-base !important;
				color: #fff !important;
				padding: 0 !important;
			}
		}

		.user-head {
			box-sizing: content-box;
			width: 120rpx;
			height: 120rpx;
			border: 6rpx solid #fff;
			border-radius: 50%;
			overflow: hidden;

			image {
				width: 120rpx;
				height: 120rpx;
				vertical-align: middle;
			}
		}

		.user-box {
			max-width: 45%;
			margin-left: 20rpx;
			overflow: hidden;
			text {
				display: block;
				max-width: 300rpx;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				font-size: 36rpx;
				color: #fff;

				&:last-of-type {
					padding: 6rpx 10rpx;
					font-size: $ns-font-size-lg;
					color: #fff;
				}
			}
			.user-label {
				display: inline-block;
				max-width: 90%;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				color: #e7e525;
				text-align: center;
				// border: 2rpx solid #e7e525;
				border-radius: 30px;
				font-size: $ns-font-size-sm;
				padding: 8rpx 18rpx;
				line-height: 1;
				background:#c4002a;
				color:#fff;
			}
		}
	}

	.user-set {
		position: absolute;
		width: 40rpx;
		height: 40rpx;
		right: 30rpx;
		/* #ifdef  MP*/
		top: 158rpx;
		/* #endif */
		/* #ifdef  H5 || MP-ALIPAY*/
		top: 50rpx;
		/* #endif */
		image {
			max-height: 40rpx;
			max-width: 40rpx;
		}
	}

	.member-sign {
		position: absolute;
		display: flex;
		align-items: center;
		width: 204rpx;
		height: 76rpx;
		right: 0;
		/* #ifdef  MP*/
		top: 240rpx;
		/* #endif */
		/* #ifdef  H5 || MP-ALIPAY*/
		top: 120rpx;
		/* #endif */
		border-top-left-radius: 100rpx;
		border-bottom-left-radius: 100rpx;
		box-shadow: -3px 5px 11px rgba(0, 0, 0, 0.2);

		image {
			width: 48rpx;
			height: 48rpx;
			margin-left: 20rpx;
			margin-right: 10rpx;
		}

		.member-sign-body {
			display: flex;
			flex-direction: column;
			align-content: center;
			line-height: 1;
		}

		.member-sign-name {
			margin-bottom: 10rpx;
			font-size: $ns-font-size-base;
			font-weight: 600;
		}

		.member-sign-desc {
			font-size: $ns-font-size-sm;
		}
	}
}
.member-body {
	position: relative;
}

.member-sction {
	@extend %flex-row-centered;
	height: 140rpx;
	border-radius: 10rpx;

	.sction-item {
		@extend %flex-column-centered;

		text {
			font-size: $ns-font-size-base;
		}

		.num {
			font-size: $ns-font-size-lg + 8rpx;
		}
	}
}

.order-section {
	margin-top: 20rpx;
	background-color: #fff;
	border-radius: 10rpx;

	.order-head {
		@extend %flex-list;
		border: none;

		.order-tit {
			font-size: $ns-font-size-lg + 4rpx;
		}

		.order-tip {
			margin-left: auto;
			margin-right: 6rpx;
			color: lighten($ns-text-color-gray, 10%);
		}

		.order-more {
			color: lighten($ns-text-color-gray, 10%);
			font-size: $ns-font-size-sm;
		}
	}

	.order-body {
		@extend %flex-row-centered;
		height: 176rpx;
		box-sizing: border-box;

		.order-item {
			@extend %flex-column-centered;

			.order-icon {
				position: relative;
				line-height: 1;
				width: 50rpx;
				height: 50rpx;
				image{
					width:100%;
					height:100%;
				}
				.order-num {
					position: absolute;
					top: -12rpx;
					right: -14rpx;
					width: 30rpx;
					height: 30rpx;
					font-size: $ns-font-size-sm;
					line-height: 30rpx;
					text-align: center;
					color: #fff;
					padding: 6rpx;
					background-color: $base-color;
					border-radius: 50%;
					z-index: 1;
				}

				.iconfont {
					font-size: $ns-font-size-lg + 16rpx;
				}
			}

			.order-name {
				margin-top: 10rpx;
				color: darken($ns-text-color-gray, 15%);
			}
		}
	}
}

.distribution-section {
	margin-top: 20rpx;
	background-color: #fff;
	border-radius: 10rpx;

	.distribution-head {
		@extend %flex-list;
		border: none;

		.distribution-tip {
			margin-left: auto;
			margin-right: 6rpx;
			color: darken($ns-text-color-gray, 15%);
		}

		.distribution-tit {
			font-size: $ns-font-size-lg + 4rpx;
		}

		.iconfont {
			color: lighten($ns-text-color-gray, 10%);
			font-size: $ns-font-size-sm;
		}
	}

	.distribution-body {
		@extend %flex-row-centered;
		height: 160rpx;
		box-sizing: border-box;

		.distribution-item {
			@extend %flex-column-centered;

			.num {
				font-size: $ns-font-size-lg + 8rpx;
				line-height: 1;
			}

			.name {
				margin-top: 10rpx;
				color: lighten($ns-text-color-gray, 10%);
			}
		}
	}
}

.example-body {
	margin-top: 20rpx;
	margin-bottom: 40rpx;
	padding: 30rpx 6rpx;
	background: #fff;
}


.image {
	width: 60rpx;
	height: 60rpx;
}

.text {
	font-size: 26rpx;
	margin-top: 10rpx;
}

.copyright-info {
	margin-bottom: 40rpx;
	/* #ifdef MP-WEIXIN */
	margin-bottom: 40rpx;
	/* #endif */
	@extend %flex-column-centered;
	.copyright-pic {
		width: 180rpx;
		margin: auto;
		image {
			width:100%;
		}
	 .code-pic.copyright-pic{
		 height: 180rpx;
		 image {
		 	width:100%;
			height: 100%;
		 }
	 }
	}

	text {
		font-size: $ns-font-size-sm;
		height: 100rpx;
		line-height: 100rpx;
		color: $ns-text-color-gray;
	}

	.copyright-desc {
		color: lighten($ns-text-color-gray, 30%);
		font-size: $ns-font-size-sm;
		text-shadow: 0 0 1px lighten($ns-text-color-gray, 40%);
	}
}

.member-adv {
	display: flex;
	justify-content: space-between;
	margin-top: 20rpx;
	height: 152rpx;
	box-sizing: border-box;
	border-radius: 10rpx;
	padding: 0rpx 25rpx;
	> navigator {
		position: relative;
		width: 344rpx;

		image {
			display: block;
			max-width: 100%;
			max-height: 100%;
		}
	}
}
</style>
